<template>

  <div class="login-box">
       <input type="text" class="" placeholder="请输入账号">
       <input type="password" class="" placeholder="请输入密码">
       <i-button class="primary xl">立即登录</i-button>
  </div>
</template>

<script>
import Vue from "vue";
import gzs from "./lib/gzs/gzs.js";
Vue.use(gzs);

export default {
  name: "app"
};
</script>
<style lang="less">
body {
  padding: 8px;
  background-color: #f8f8f8;
}
</style>

<style lang="less" scoped >

.login-box{
    max-width:300px;
    box-shadow:0px 3px 9px rgba(0,0,0,0.22);
    padding:64px 16px  48px;
    background-color:white;
    border-radius:4px;
    margin:33.33vh auto 0px;
    box-sizing: border-box;
    input {
     width:100%;
      margin: 8px auto;
  }
.button{
    margin:8px auto;
    // box-shadow: 0px 0px 0px rgba(255, 255, 255, 0);
    // background-color: #3485ff;
    transition:   box-shadow .3s,background-color .3s,;
    box-shadow: 0px 4px 16px rgba(52, 133, 255, .6);
    background-color: rgba(52, 133, 255, .9);
    &:hover{
        // box-shadow: 0px 4px 16px rgba(52, 133, 255, .6);
        // background-color: rgba(52, 133, 255, .9);
    }
}
}

</style>
